<template>
  <div class="category-nav-bars">
    <nav-bar class="category-nav-bar">
      <template v-slot:left>
        <div class="navBar_left" >

        </div>
      </template>
      <template v-slot:center>
        <div class="navBar_center">
          商品分类
        </div>
      </template>
      <template v-slot:right>
        <div class="navBar_right" >

        </div>
      </template>
    </nav-bar>
  </div>
</template>

<script>
  import NavBar from "../../../components/common/navbar/NavBar";
  export default {
    name: "categoryNavBar",
    components:{
      NavBar
    }
  }
</script>

<style scoped>
  .category-nav-bars{
    height: 44px;
  }
  .category-nav-bar{
    background-color: #E91E62;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
  }
</style>